<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,initial-scale=1.0"/>
    <title>天鼎投资·与牛共舞</title>
    <link rel="stylesheet" type="text/css" href="css/styleUI.css">
    <link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<div id="page" class="uf uf-ver">
    <div id="container" class="uf-f u-scroll">
        <div class="loginTitle">赢家策略</div>
        <div class="loginName">用户登录
            <div class="line"></div>
        </div>
        <form class="loginCon">
            <input id="username" required class="input" name="username" type="text" placeholder="请输入账号">
            <input id="password" required class="input" name="password" type="password" placeholder="请输入密码">

            <div class="checkBoxDiv"><input id="remember" type="checkbox" class="checkBox"><label
                    for="remember">记住我的密码</label>
            </div>
            <button class="loginBtn" type="submit">登录</button>
        </form>

        <a class="bottom" href="tel:">
            <div class="telIcon"></div>忘记密码或登录遇到问题
        </a>

    </div>
    <div id="footer" class="uf">
        <a href="index.html" class="uf-f uf uf-ver uf-ac uf-pc">
            <div class="footIcon"></div>
            资讯</a>
        <a href="liveVideo.html" class="uf-f uf uf-ver uf-ac uf-pc">
            <div class="footIcon"></div>
            直播室</a>
        <a href="vip.html" class="uf-f uf uf-ver uf-ac uf-pc active">
            <div class="footIcon"></div>
            VIP专享</a>
    </div>
</div>
<script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>
<script type="text/javascript">
    $(document).ready(function(){
        if(localStorage.getItem("login.password")){
            $("#username").val(localStorage.getItem("login.username"));
            $("#password").val(localStorage.getItem("login.password"));
            $('#remember').attr("checked", true);
        }
    });

    $('form').submit(function(){
        if($('#remember').is(':checked')) {
            var username = $("#username").val();
            var password = $("#password").val();
            localStorage.setItem("login.username",username);
            localStorage.setItem("login.password",password);
        } else {
            localStorage.removeItem("login.username");
            localStorage.removeItem("login.password");
        }
    });
</script>
</body>
</html>